<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="keywords" content="pinpin社保" />
	<meta name="description" content="pinpin社保" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>社保运营后台-流水月度汇总</title>
	<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
</head>
<body>
	<div id="wrapper">
        <%@ include file="/WEB-INF/jsp/common/menu.jsp" %>
        <div id="page-wrapper">
        	<div class="row">
                <div class="col-lg-10">
                    <!-- 路径导航 -->
                    <ol class="breadcrumb">
				      <li>社保后台</li>
				      <li class="active">流水月度汇总</li>
				      <li><a href="${wage_list_uri }">返回</a></li>
				    </ol>
                </div>
    		    <div class="col-lg-2">
	    			<button class="btn btn-primary btn-sm" style="margin-top:10px" onclick="javascript:exportExcel();">导出为EXCEL</button>
    			</div>
            </div>
            
            <div class="row">
            	<div class="col-lg-12">
			   		<!-- 表格列表 -->
			   		<div class="row">
			   			<div class="col-lg-12">
			   				<table id="dataContent" class="table table-striped table-bordered table-hover no-footer" role="grid">
			   					<thead>
			   						<tr>
                                        <th>核算月份  </th>
                                        <th><a href="javascript:$('#introTr').toggle();">全部有效订单</a></th>
                                        <th>已返还成功</th>
                                        <th>处于已支付</th>
                                        <th>处于返还失败</th>
                                        <th><a href="javascript:$('#introTr').toggle();">待处理</a></th>
                                    </tr>
			   					</thead>
			   					<tbody>
			   					<tr id="introTr" role="row" class="info" style="display: none;">
			   						<td> </td>
			   						<td style="text-align:left">
			   							<p>有效订单数 = 已支付订单数 + 已返还成功订单数 + 已返还失败订单数</p>
			   							<p>有效订单金额 = 已支付金额 + 已返还成功金额 + 已返还失败金额</p>
			   							<p>流水总额：只计算工资部分（不算服务费）</p>
			   							<p>服务费： 只计服务费部分</p>
			   							<p>不包括全额退款的数据</p>
			   						</td>
			   						<td>
			   							<p>数据状态处于【成功返还 / 原路返还】的数据</p>
			   						</td>
			   						<td>
			   							<p>数据状态处于【已支付】的数据</p>
			   						</td>
			   						<td>
			   							<p>数据状态处于【返还失败】的数据</p>
			   							<p>不包括全额退款的数据</p>
			   						</td>
			   						<td style="text-align:left">  
			   							<p>待处理订单数 = 已支付订单数 + 已返还失败订单数</p>
			   							<p>待处理金额 = 已支付订单金额 + 已返还失败金额</p>
										<p>流水总额 = 已支付流水总额 + 已返还失败流水总额</p>
										<p>服务费 = 已支付流水服务费+ 已返还失败流水服务费</p>
			   						</td>
			   						
			   					</tr>
			   					<c:forEach var="m" items="${months }">
			   					<tr role="row" <c:if test="${m.opt_month %2==0 }">class="info"</c:if>>
			   						<td>
			   							<p>${m.opt_month }</p>
			   							<p>&nbsp;</p>
			   							<p>${m.gen_time }</p>
			   						</td>
			   						<td style="text-align:left">
			   							<p>有效订单数：${m.totals.count }</p>
			   							<p><span style="color: #C99">有效总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.totals.total_fee }"/></p>
			   							<p><span style="color: #C99">流水总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.totals.wages }"/></p>
			   							<p><span style="color: #C99">服务费总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.totals.charges }"/></p>
			   						</td>
			   						<td style="text-align:left">
			   							<p><b>已返还成功</b> 订单数：${m.hfed.count }</p>
			   							<p><span style="color: #C99">总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.hfed.total_fee }"/></p>
			   							<p><span style="color: #C99">流水总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.hfed.wages }"/></p>
			   							<p><span style="color: #C99">服务费总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.hfed.charges }"/></p>
			   						</td>
			   						<td style="text-align:left">
			   							<p><b>已支付</b> 订单数：${m.payed.count }</p>
			   							<p><span style="color: #C99">总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.payed.total_fee }"/></p>
			   							<p><span style="color: #C99">流水总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.payed.wages }"/></p>
			   							<p><span style="color: #C99">服务费总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.payed.charges }"/></p>
			   						</td>
			   						<td style="text-align:left">
			   							<p><b>返还失败</b> 订单数：${m.fail.count }</p>
			   							<p><span style="color: #C99">总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.fail.total_fee }"/></p>
			   							<p><span style="color: #C99">流水总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.fail.wages }"/></p>
			   							<p><span style="color: #C99">服务费总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.fail.charges }"/></p>
			   						</td>
			   						<td style="text-align:left">
			   							<p><span class="text-warning"><b>待处理</b></span> 订单数：${m.fail.count + m.payed.count }</p>
			   							<p><span style="color: #C99">总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.payed.total_fee + m.fail.total_fee }"/></p>
			   							<p><span style="color: #C99">流水总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.payed.wages + m.fail.wages }"/></p>
			   							<p><span style="color: #C99">服务费总金额：</span>￥<fmt:formatNumber pattern="##,###" value="${m.payed.charges + m.fail.charges }"/></p>
			   						</td>
			   					</tr>
			   					</c:forEach>
			   					</tbody>
			   				</table>
			   				
			   			</div>
			   		</div>
					<div class="alert alert-warning">
						<ul>
							<li><p><b>数据刷新：</b></p>每天的6点 、 11点 、 17点 25分刷新一次。</li>
						</ul>
					</div>
            	</div>
            </div>
        </div>
	</div>
	
<div><form action="${month_export_uri }" method="post" id="exportForm" name="exportForm"></form></div>
</body>
<script type="text/javascript">

	function exportExcel() {
		notice("TODO", 2);
		//var form = $("#exportForm");
		//form.submit();
	}
</script>
</html>